
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8" style="width: 100%">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="home/homepage1">
                        <i class="layui-icon layui-icon-console"></i>
                        <cite>主页一</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="home/homepage2">
                        <i class="layui-icon layui-icon-chart"></i>
                        <cite>主页二</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="news/list">
                        <i class="layui-icon layui-icon-read"></i>
                        <cite>新闻列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="news/banner">
                        <i class="layui-icon layui-icon-picture"></i>
                        <cite>新闻轮播图</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="video/list">
                        <i class="layui-icon layui-icon-video"></i>
                        <cite>视频列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="troops/list">
                        <i class="layui-icon layui-icon-group"></i>
                        <cite>队伍列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="troops/user_list">
                        <i class="layui-icon layui-icon-user"></i>
                        <cite>队员列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="match/list">
                        <i class="layui-icon layui-icon-flag"></i>
                        <cite>赛程列表</cite>
                      </a>
                    </li>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="information/list">
                        <i class="layui-icon layui-icon-chart-screen"></i>
                        <cite>数据列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="information/statistics">
                        <i class="layui-icon layui-icon-chart-screen"></i>
                        <cite>统计列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="ad/list">
                        <i class="layui-icon layui-icon-carousel"></i>
                        <cite>广告列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="comment/list">
                        <i class="layui-icon layui-icon-reply-fill"></i>
                        <cite>评论列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="user/user/list">
                        <i class="layui-icon layui-icon-user"></i>
                        <cite>会员列表</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="user/administrators/list">
                        <i class="layui-icon layui-icon-user"></i>
                        <cite>后台管理员</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="user/user/app_menu">
                        <i class="layui-icon layui-icon-menu-fill"></i>
                        <cite>app菜单</cite>
                      </a>
                    </li>

                  </ul>

                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">待办事项</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-backlog">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <script type="text/html" template lay-url="/admin/console/get_info">
                    <li class="layui-col-xs6">
                      <a lay-href="match/list" lay-data="{type: 1}" class="layadmin-backlog-body">
                        <h3>赛程--等待比赛</h3>

                        <p><cite style="color: #FF5722;">{{ d.one_num }}</cite></p>

                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="match/list"  class="layadmin-backlog-body" >
                        <h3>赛程--比赛中</h3>

                        <p><cite style="color: #FF5722;">{{ d.two_num }}</cite></p>

                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="match/list" class="layadmin-backlog-body" >
                        <h3>赛程--已结束</h3>

                        <p><cite>{{d.three_num}}</cite></p>

                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="news/list" class="layadmin-backlog-body" >
                        <h3>新闻--待审核</h3>

                        <p><cite style="color: #FF5722;">{{d.four_num}}</cite></p>

                      </a>
                    </li>
                   <!-- <li class="layui-col-xs6">
                      <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
                        <h3>待发货</h3>
                        <p><cite>20</cite></p>
                      </a>
                    </li>-->
                    </script>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <script type="text/html" template lay-url="/admin/console/get_info">
                    <li class="layui-col-xs6">
                      <a href="javascript:;" class="layadmin-backlog-body">
                        <h3>视频--待审核</h3>
                        <p><cite style="color: #FF5722;">{{d.five_num}}</cite></p>
                      </a>
                    </li>
                    </script>
                  </ul>

                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="layui-col-md12">
          <div class="layui-card">
            <div class="layui-card-header">数据概览</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                <div carousel-item id="LAY-index-dataview">
                  <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                  <div></div>
                  <div></div>
                </div>
              </div>

            </div>
          </div>
          <div class="layui-card">
            <div class="layui-tab layui-tab-brief layadmin-latestData">
              <ul class="layui-tab-title">
                <li class="layui-this">今日热闻</li>
                <li>今日热评</li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                  <table id="LAY-index-topSearch"></table>
                </div>
                <div class="layui-tab-item">
                  <table id="LAY-index-topCard"></table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--<div class="layui-col-md4">
      <div class="layui-card">
        <div class="layui-card-header">版本信息</div>
        <div class="layui-card-body layui-text">
          <table class="layui-table">
            <colgroup>
              <col width="100">
              <col>
            </colgroup>
            <tbody>
            <tr>
              <td>当前版本</td>
              <td>
                <script type="text/html" template>
                  v{{ layui.admin.v }}
                  <a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>
                </script>
              </td>
            </tr>
            <tr>
              <td>基于框架</td>
              <td>
                <script type="text/html" template>
                  layui-v{{ layui.v }}
                </script>
              </td>
            </tr>
            <tr>
              <td>主要特色</td>
              <td>单页面 / 响应式 / 清爽 / 极简</td>
            </tr>
            <tr>
              <td>获取渠道</td>
              <td style="padding-bottom: 0;">
                <div class="layui-btn-container">
                  <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
                  <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
                </div>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">效果报告</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="65%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="32%"></div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">实时监控</div>

        <div class="layui-card-body layadmin-takerates">
          <script type="text/html" template lay-url="/admin/console/system_info">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>CPU使用率</h3>
            <div class="layui-progress-bar" lay-percent="58%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>内存占用率{{d.memory}}</h3>
            <div class="layui-progress-bar layui-bg-red" lay-percent="{{d.memory}}%"></div>
          </div>
          </script>
        </div>

      </div>

      <div class="layui-card">
        <div class="layui-card-header">产品动态</div>
        <div class="layui-card-body">
          <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
            <div carousel-item>
              <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
              <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
              <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
            </div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">
          作者心语
          <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
        </div>
        <div class="layui-card-body layui-text layadmin-text">
          <p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
          <p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
          <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>
          <p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>
        </div>
      </div>
    </div>-->

  </div>
</div>


<script>
  //加载 controller 目录下的对应模块
  /*

   小贴士：
   这里 console 模块对应 的 console.js 并不会重复加载，
   然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
   1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
   2): 直接在 layui.use 方法的回调中书写业务代码，即:
   layui.use('console', function(){
   //同 console.js 中的 layui.define 回调中的代码
   });

   这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。

   */
  layui.use('console', layui.factory('console'));
</script>

